<template>
    <view class="containt">
        <view class="contact-content">
            <view class="titile">联系客服</view>
            <view class="survice-time">服务时间：9:00-22:00</view>
            <view class="link-top"></view>
            <view class="number">0755-84659719</view>
        </view>
        <view class="cancle">
            <text class="cancle-text">取消</text>
        </view>
    </view>
</template>

<script>
// pages/contact/contact.js
export default {
    data() {
        return {};
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {}
};
</script>
<style>
.containt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.contact-content {
    border: 1px solid black;
    width: 100%;
    height: 240rpx;
    border-radius: 10px;
    text-align: center;
    margin-top: 10rpx;
}

.titile {
    margin-top: 10rpx;
    font-size: 24rpx;
}
.survice-time {
    margin-top: 10rpx;
    font-size: 24rpx;
    margin-bottom: 30rpx;
}
.number {
    font-size: 40rpx;
    font-weight: 800;
}

.link-top {
    width: 100%;
    height: 1px;
    border-top: solid rgb(223, 220, 220) 1px;
    margin-top: 10rpx;
    margin-bottom: 30rpx;
}

.cancle {
    border: 1px solid black;
    width: 100%;
    height: 80rpx;
    border-radius: 10px;
    text-align: center;
    margin-top: 10rpx;
}
.cancle-text {
    font-size: 32rpx;
}
</style>
